<template>
		<!-- // 图片轮播预览组件 -->
	<view class="ImageView" v-if="ImageShow">
		<view class="">
			这里是图片 
		</view> 
		
	</view> 
</template>

<script>
	export default {
		data() {
		}
	}
</script>	

<style lang="scss">
	.ImageView {
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
	}

	.imageBox {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		height: 100%;
		position: relative;

		.edit {
			position: fixed;
			z-index: 99;
			top: 30px;
			/* #ifdef H5 */
			top: 100px;
			/* #endif */
			right: 0;
		}

		.top {
			display: flex;
			justify-content: center;
			align-items: center;
			flex: 1;

			.play {
				width: 236rpx;
				height: 200rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}
		}

		.bottom {
			box-sizing: border-box;
			height: 300rpx;
			padding: 20rpx;
			color: #fff;
			position: absolute;
			bottom: 0;
			left: 0;
			background-color: rgba(0, 0, 0, 0.1);
			width: 100%;
			overflow-y: auto;
		}
	}
</style>